<template>
  <div>
      <!-- 监听器:实时监听属性的变化 -->
      <button @click="num++">{{num}}</button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        num: 1
      }
    },
    // 监听器
    watch:{
      // 要监听的属性名:实时触发的函数
      // num:function(ti,from){}
      // 语法糖
      num(to,from){
        console.log('to',to); //新值
        console.log('from',from); //旧值
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>